<!DOCTYPE html>
<head >
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <base href="../">
    <!-- Styles -->
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"/><!-- Bootstrap -->
    <link rel="stylesheet" href="fonts/font-awesome/css/font-awesome.min.css" type="text/css"/><!-- Icons -->
    <link rel="stylesheet" href="fonts/themify-icons/themify-icons.css" type="text/css"/><!-- Icons -->
    <link rel="stylesheet" href="css/owl.carousel.css" type="text/css"/><!-- Owl Carousal-->
    <link rel="stylesheet" href="css/price-range.css" type="text/css"/><!-- Owl Carousal -->
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css" type="text/css"/><!-- Style -->
    <link rel="stylesheet" href="css/responsive.css" type="text/css"/><!-- Responsive -->
    <link rel="stylesheet" href="css/colors.css" type="text/css"/><!-- color -->

    <!-- REVOLUTION STYLE SHEETS -->
    <link rel="stylesheet" type="text/css" href="js/rs-plugin/css/settings.css">

    <script src="http://api.map.baidu.com/api?v=1.2"></script><!-- 百度地图api -->
</head>
<body>

<!-- /.preloader -->
<div id="preloader"></div>
<div class="theme-layout" id="app">

    <div class="account-popup-sec">

        <div class="account-popup-area">
            <div class="account-popup">
                <div class="row">
                    <div class="col-md-6">
                        <div class="account-user">
                            <div class="logo">
                                <a href="#" title="">
                                    <i class="fa fa-get-pocket"></i>
                                    <span>KwitaraCars</span>
                                    <strong>SELL VEHICULS</strong>
                                </a>
                            </div><!-- LOGO -->
                            <form>
                                <h1>用户登录</h1>
                                <div class="field">
                                    <input type="text" placeholder="注册手机号" v-model="loginPhone"/>
                                </div>
                                <div class="field">
                                    <input type="password" placeholder="密码" v-model="loginPwd"/>
                                </div>
                                <div class="field">
                                    <input type="radio" id="yes"/><font color="white">记住账户</font>
                                    <button type="button" @click="cancel" class="btn btn-xs btn-danger">取消</button>
                                </div>
                                <div class="field">
                                    <input type="button" value="登录" @click="login" class="flat-btn"/>

                                </div>
                            </form>

                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="registration-sec">
                            <h1>用户注册</h1>
                            <form>
                                <div class="field">
                                    <input type="text" placeholder="用户名" @blur="verifyAccount" v-model="account"/>
                                    <span><font id="accountMsg"></font></span>
                                </div>
                                <div class="field">
                                    <input type="text" placeholder="手机号码" @blur="verifyPhone" v-model="phone"/>
                                    <span><font id="phoneMsg"></font></span>
                                </div>
                                <div class="field">
                                    <input type="password" placeholder="密码" @blur="verifyPwd" v-model="pwd"/>
                                    <span><font id="pwdMsg"></font></span>
                                </div>
                                <div class="field">
                                    <input type="password" placeholder="确认密码" @blur="verifyRepwd" v-model="repwd"/>
                                    <span><font id="repwdMsg"></font></span>
                                </div>
                                <div class="field">
                                    <div class="col-lg-12">
                                        <div v-for="role in roles" class="col-lg-6">
                                            <input type="radio" :value="role.rid" name="rid">{{role.rname}} &nbsp;&nbsp;&nbsp;
                                        </div>
                                    </div>
                                </div>
                                <label>
                                    <input type="radio" id="confirm"/> 单击表示您同意我们的 <a href="javascript:void(0)"
                                                                                     @click="content" title="">条款和条件</a>
                                </label>

                                <input value="确认注册" @click="sign" type="button" class="flat-btn"/>
                            </form>
                        </div><!-- Registration sec -->
                    </div>
                </div>
                <span class="close-popup"><i class="fa fa-close"></i></span>
            </div>
        </div>
    </div><!-- Account Popup Sec -->

    <header class="simple-header for-sticky white">
        <div class="top-bar">
            <div class="container">
                <ul class="contact-item">
                    <li><i class="fa fa-envelope-o"></i>parkingvehicle@email.com</li>
                    <li><i class="fa fa-mobile"></i>+1 333 44 555 / +1 333 44 500</li>
                </ul>
            </div>
        </div><!-- Top bar -->
        <div class="menu">
            <div class="container">
                <div class="logo">
                    <a href="index.html" title="">
                        <i class="fa fa-get-pocket"></i>
                        <span>Super Shared Parking Space</span>
                        <strong>PARKING VEHICLE</strong>
                    </a>
                </div><!-- LOGO -->
                <div class="popup-client" @click="initSign">
                    <span><i class="fa fa-user"></i> /  Signup</span>
                </div>
                <div class="col-lg-12" >
                    <a  id="personInfo" class="btn pull-right btn-lg btn-success" href="tenant/userinfo.html">个人中心</a>
                </div>
                <span class="menu-toggle"><i class="fa fa-bars"></i></span>
                <nav>
                    <h1 class="nocontent outline">--- Main Navigation ---</h1>

                    <ul>
                        <li class="menu-item-has-children">
                            <a href="#" title="">HOME</a>
                            <ul>
                                <li><a href="index.html" title="">Home v1</a></li>
                                <li><a href="index2.html" title="">Home v2</a></li>
                                <li><a href="index3.html" title="">Home v3</a></li>
                            </ul>
                        </li>
                        <li class="menu-item-has-children">
                            <a href="#" title="">VEHICULS</a>
                            <ul>
                                <li><a href="vehiculs3.html" title="">vehiculs- Super </a></li>
                                <li><a href="vehiculs.html" title="">vehiculs- List</a></li>
                                <li><a href="vehiculs2.html" title="">vehiculs- Grid</a></li>
                                <li><a href="vehicul.html" title="">vehicul details</a></li>
                            </ul>
                        </li>
                        <li><a href="vehicul.html" title="">VEHICUL</a></li>

                        <li class="menu-item-has-children mega">
                            <a href="#" title="">PAGES</a>
                            <ul>
                                <li><a href="comingsoon.html" title="">Coming Soon</a></li>
                                <li><a href="agents-listing.html" title="">Agent Listing </a></li>
                                <li><a href="terms-conditions.html" title="">Terms & conditions</a></li>

                                <li><a href="agent.html" title="">Agent page</a></li>
                                <li><a href="agent2.html" title="">Agent 2 page</a></li>
                                <li><a href="agent3.html" title="">Agent 3 page</a></li>

                                <li><a href="my-profile.html" title="">Profile page</a></li>
                                <li><a href="submit.html" title="">Submit page</a></li>
                                <li><a href="login.html" title="">Login page</a></li>

                                <li><a href="contact.html" title="">Contact Us</a></li>
                                <li><a href="404.html" title="">404 Error </a></li>
                                <li><a href="faq.html" title="">FAQ page</a></li>
                                <li><a href="faq.html" title="">VEHICUL LEFT SIDE</a></li>
                            </ul>
                        </li>

                        <li class="menu-item-has-children">
                            <a href="#" title="">BLOG PAGES</a>
                            <ul>
                                <li><a href="blog.html" title="">Blog Page</a></li>
                                <li><a href="blog-sidebar.html" title="">Blog left Sidebar</a></li>
                                <li><a href="single.html" title="">Single Post</a></li>
                                <li><a href="single-left-sidebar.html" title="">Single Left sidebar</a></li>
                                <li><a href="single-no-sidebar.html" title="">Single No Sidebar</a></li>
                            </ul>
                        </li>

                        <li><a href="contact.html" title="">CONTACT</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </header>

    <section class="box-slider-search">
        <div class="container">
            <h1 class="nocontent outline">--- Search form ---</h1>
            <div class="row">
                <div class="col-md-8">
                    <div id="rev_slider-wrapper" class="rev_slider_wrapper fullwidthbanner-container"
                         data-alias="classicslider1">
                        <div class="tp-banner-container">
                            <div class="tp-banner">
                                <ul>
                                    <li data-transition="fade" data-slotamount="7" data-masterspeed="2000"
                                        data-saveperformance="on" data-title="Ken Burns Slide">
                                        <!-- MAIN IMAGE -->
                                        <img src="img/slides/home2.jpg" alt="2" data-lazyload="img/slides/home2.jpg"
                                             data-bgposition="right top" data-kenburns="off" data-duration="12000"
                                             data-ease="Power0.easeInOut" data-bgfit="115" data-bgfitend="100"
                                             data-bgpositionend="center bottom">
                                        <div class="tp-caption tentered_white_huge lft tp-resizeme"
                                             data-endspeed="300" data-easing="Power4.easeOut" data-start="400"
                                             data-speed="600"
                                             data-y="130" data-hoffset="0" data-x="center"
                                             style="">
                                            <img alt="" src="img/4.png" style="width: 110px; height: 110px;">
                                        </div>
                                        <div class="tp-caption tentered_white_huge lft tp-resizeme"
                                             data-endspeed="300" data-easing="Power4.easeOut" data-start="400"
                                             data-speed="600"
                                             data-y="272" data-hoffset="0" data-x="center"
                                             style="color: #fff; text-transform: uppercase; font-size: 40px; letter-spacing: 6px;
                                                 font-weight: 400;">
                                            Mercedes-Benz
                                        </div>
                                        <div class="tp-caption tentered_white_huge lfb tp-resizeme" data-endspeed="300"
                                             data-easing="Power4.easeOut" data-start="800" data-speed="600" data-y="320"
                                             data-hoffset="0" data-x="center"
                                             style="color: #fff; font-size: 13px; text-transform: uppercase; letter-spacing: 10px;">
                                            <i class="fa fa-map-marker"> </i> Not caroliana 234
                                        </div>
                                        <div class="tp-caption tentered_white_huge lft tp-resizeme"
                                             data-endspeed="300" data-easing="Power4.easeOut" data-start="400"
                                             data-speed="600"
                                             data-y="365" data-hoffset="0" data-x="center"
                                             style="color: #fff; text-transform: uppercase; font-size: 40px; letter-spacing: 6px;
                                                 font-family: Montserrat; font-weight: 400;">
                                            345000 $
                                        </div>
                                        <a href="vehicul.html"
                                           class="pull-left tp-caption lfb tp-resizeme rs-parallaxlevel-0"
                                           data-x="center"
                                           data-y="420"
                                           data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;
                                               scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                                           data-speed="500"
                                           data-start="1200"
                                           data-easing="Power3.easeInOut"
                                           data-splitin="none"
                                           data-splitout="none"
                                           data-elementdelay="0.1"
                                           data-endelementdelay="0.1"
                                           data-linktoslide="next"
                                           style="z-index: 12; max-width: auto; max-height: auto; white-space: nowrap;padding:15px 28px;
                                               color: #fff;text-transform: uppercase;
                                               border: none; background:#000;
                                               font-size: 12px; letter-spacing: 3px;
                                               font-family: Montserrat; border-radius: 0px;
                                               display: table; transition: .4s;">More Details</a>

                                    </li>


                                    <li data-transition="fade" data-slotamount="7" data-masterspeed="2000"
                                        data-saveperformance="on" data-title="Ken Burns Slide">
                                        <!-- MAIN IMAGE -->
                                        <img src="img/slides/home1.jpg" alt="2" data-lazyload="img/slides/home1.jpg"
                                             data-bgposition="right top" data-kenburns="off" data-duration="12000"
                                             data-ease="Power0.easeInOut" data-bgfit="115" data-bgfitend="100"
                                             data-bgpositionend="center bottom">
                                        <div class="tp-caption tentered_white_huge lft tp-resizeme"
                                             data-endspeed="300" data-easing="Power4.easeOut" data-start="400"
                                             data-speed="600"
                                             data-y="130" data-hoffset="0" data-x="center"
                                             style="">
                                            <img alt="" src="img/3.png" style="width: 110px; height: 110px;">
                                        </div>
                                        <div class="tp-caption tentered_white_huge lft tp-resizeme"
                                             data-endspeed="300" data-easing="Power4.easeOut" data-start="400"
                                             data-speed="600"
                                             data-y="272" data-hoffset="0" data-x="center"
                                             style="color: #fff; text-transform: uppercase; font-size: 40px; letter-spacing: 6px;
                                                 font-weight: 400;">
                                            Mercedes-Benz
                                        </div>
                                        <div class="tp-caption tentered_white_huge lfb tp-resizeme" data-endspeed="300"
                                             data-easing="Power4.easeOut" data-start="800" data-speed="600" data-y="320"
                                             data-hoffset="0" data-x="center"
                                             style="color: #fff; font-size: 13px; text-transform: uppercase; letter-spacing: 10px;">
                                            <i class="fa fa-map-marker"> </i> Not caroliana 234
                                        </div>
                                        <div class="tp-caption tentered_white_huge lft tp-resizeme"
                                             data-endspeed="300" data-easing="Power4.easeOut" data-start="400"
                                             data-speed="600"
                                             data-y="365" data-hoffset="0" data-x="center"
                                             style="color: #fff; text-transform: uppercase; font-size: 40px; letter-spacing: 6px;
                                                 font-family: Montserrat; font-weight: 400;">
                                            345000 $
                                        </div>
                                        <a href="vehicul.html"
                                           class="pull-left tp-caption lfb tp-resizeme rs-parallaxlevel-0"
                                           data-x="center"
                                           data-y="420"
                                           data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;
                                               scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                                           data-speed="500"
                                           data-start="1200"
                                           data-easing="Power3.easeInOut"
                                           data-splitin="none"
                                           data-splitout="none"
                                           data-elementdelay="0.1"
                                           data-endelementdelay="0.1"
                                           data-linktoslide="next"
                                           style="z-index: 12; max-width: auto; max-height: auto; white-space: nowrap;padding:15px 28px;
                                               color: #fff;text-transform: uppercase;
                                               border: none; background:#000;
                                               font-size: 12px; letter-spacing: 3px;
                                               font-family: Montserrat; border-radius: 0px;
                                               display: table; transition: .4s;">More Details</a>

                                    </li>


                                    <li data-transition="fade" data-slotamount="7" data-masterspeed="2000"
                                        data-saveperformance="on" data-title="Ken Burns Slide">
                                        <!-- MAIN IMAGE -->
                                        <img src="img/slides/home3.jpg" alt="2" data-lazyload="img/slides/home3.jpg"
                                             data-bgposition="right top" data-kenburns="off" data-duration="12000"
                                             data-ease="Power0.easeInOut" data-bgfit="115" data-bgfitend="100"
                                             data-bgpositionend="center bottom">
                                        <div class="tp-caption tentered_white_huge lft tp-resizeme"
                                             data-endspeed="300" data-easing="Power4.easeOut" data-start="400"
                                             data-speed="600"
                                             data-y="130" data-hoffset="0" data-x="center"
                                             style="">
                                            <img alt="" src="img/3.png" style="width: 110px; height: 110px;">
                                        </div>
                                        <div class="tp-caption tentered_white_huge lft tp-resizeme"
                                             data-endspeed="300" data-easing="Power4.easeOut" data-start="400"
                                             data-speed="600"
                                             data-y="272" data-hoffset="0" data-x="center"
                                             style="color: #fff; text-transform: uppercase; font-size: 40px; letter-spacing: 6px;
                                                 font-weight: 400;">
                                            Mercedes-Benz
                                        </div>
                                        <div class="tp-caption tentered_white_huge lfb tp-resizeme" data-endspeed="300"
                                             data-easing="Power4.easeOut" data-start="800" data-speed="600" data-y="320"
                                             data-hoffset="0" data-x="center"
                                             style="color: #fff; font-size: 13px; text-transform: uppercase; letter-spacing: 10px;">
                                            <i class="fa fa-map-marker"> </i> Not caroliana 234
                                        </div>
                                        <div class="tp-caption tentered_white_huge lft tp-resizeme"
                                             data-endspeed="300" data-easing="Power4.easeOut" data-start="400"
                                             data-speed="600"
                                             data-y="365" data-hoffset="0" data-x="center"
                                             style="color: #fff; text-transform: uppercase; font-size: 40px; letter-spacing: 6px;
                                                 font-family: Montserrat; font-weight: 400;">
                                            345000 $
                                        </div>
                                        <a href="vehicul.html"
                                           class="pull-left tp-caption lfb tp-resizeme rs-parallaxlevel-0"
                                           data-x="center"
                                           data-y="420"
                                           data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;
                                               scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;"
                                           data-speed="500"
                                           data-start="1200"
                                           data-easing="Power3.easeInOut"
                                           data-splitin="none"
                                           data-splitout="none"
                                           data-elementdelay="0.1"
                                           data-endelementdelay="0.1"
                                           data-linktoslide="next"
                                           style="z-index: 12; max-width: auto; max-height: auto; white-space: nowrap;padding:15px 28px;
                                               color: #fff;text-transform: uppercase;
                                               border: none; background:#000;
                                               font-size: 12px; letter-spacing: 3px;
                                               font-family: Montserrat; border-radius: 0px;
                                               display: table; transition: .4s;">More Details</a>

                                    </li>
                                </ul>
                                <div class="tp-bannertimer"></div>
                            </div>
                        </div>
                    </div><!-- END REVOLUTION SLIDER -->
                </div>

                <div class="col-md-4">
                    <div class="horizontal-search v-f-p">
                        <div class="search-form">
                            <h1 class="fsearch-title">
                                <i class="fa fa-search"></i><span>SEARCH FOR PARKING</span>
                            </h1>

                            <form class="form-inline">
                                <div class="search-form-content">
                                    <div class="search-form-field">
                                        <div class="form-group col-md-12">
                                            <div class="label-select">
                                                <input class="form-control" id="startTime" placeholder="起始时间"/>
                                            </div>
                                        </div>

                                        <div class="form-group col-md-12">
                                            <div class="label-select">
                                                <input class="form-control" id="endTime" placeholder="结束时间"/>
                                            </div>
                                        </div>


                                        <div class="form-group col-md-12">
                                            <span class="gprice-label">价格区间</span>
                                            <input class="form-control" id="minPrice" placeholder="最低价格"/>
                                        </div>
                                        <div class="form-group col-md-12">
                                            <span class="gprice-label">价格区间</span>
                                            <input class="form-control" id="maxPrice" placeholder="最高价格"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="search-form-submit">
                                    <button type="button" @click="list(1)" class="btn-search">Search</button>
                                </div>
                            </form>
                        </div><!-- Services Sec -->

                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="block remove-top">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="heading4">
                        <h2>待出租车位</h2>
                        <span>EASY PARKING</span>
                    </div>
                    <div class="">
                        <div class="">
                            <!-- 待出租车位信息展示 -->
                            <div class="col-lg-3" v-for="order in orders">
                                <div class="vehiculs-thumb" style="margin-bottom: 10px">
                                    <img src="img/demo/vehicul2.jpg" alt=""/>
                                    <span class="spn-status"><font
                                            color="black">车位号{{order.parking.pnumber}}</font></span>

                                    <span v-if="!order.parking.hasLike" class="spn-save" @click="like(order.parking.pid)"><i class="glyphicon glyphicon-heart"></i> </span>
                                    <span v-if="order.parking.hasLike" class="spn-save" @click="like(order.parking.pid)"><font color="red"><i class="glyphicon glyphicon-heart"></i> </font></span>

                                    <div class="user-preview">
                                        <a class="col" href="agent.html">
                                            <img alt="Camilė" class="avatar avatar-small" src="img/3.png"
                                                 title="Camilė">
                                        </a>
                                    </div>
                                    <a class="proeprty-sh-more" href="vehicul.html"><i
                                            class="fa fa-angle-double-right"> </i><i
                                            class="fa fa-angle-double-right"> </i></a>
                                </div>
                                <h4 >评分(满分5分)：{{order.parking.avgScore}}</h4>
                                <h4><a href="javascript:void(0)" title="New York Villa">开始：{{order.starttime}}</a></h4>
                                <h4><a href="javascript:void(0)" title="New York Villa">结束：{{order.endtime}}</a></h4>
                                <span class="price">￥{{order.price}}&nbsp;&nbsp;&nbsp;
                                    <button type="button" @click="lookComments(order.pid)"
                                            class="btn btn-xs btn-danger" style="margin-bottom: 5px">查看评价</button>
                                    <button type="button" @click="getMap"
                                            class="btn btn-xs btn-success" style="margin-bottom: 5px">查看路线</button>
                                    <button type="button" @click="confirmInfo(order)"
                                            class="btn btn-xs btn-success" style="margin-bottom: 5px">确认抢租?</button>

                                </span>
                            </div>
                            <!-- 待出租车位信息展示 -->
                        </div><!-- Carousel -->
                        <div class="col-lg-12">
                            <br/>
                            <br/>
                            <br/>
                        </div>
                        <div class="col-lg-12" style="text-align: center">
                            <a href="javascript:void(0)"
                               v-bind:class="[pageInfo.pageNum==page ? 'btn btn-primary' : 'btn btn-default']"
                               @click="list(page)" v-for="page in pages">{{page}}</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="block">
        <div style="background: url(img/call-to-action-bg.jpg) repeat scroll 50% 422.28px transparent; background-attachment: fixed;"
             class="parallax scrolly-invisible  blackish"></div>
        <!-- PARALLAX BACKGROUND IMAGE -->
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="vehiculs-text-bar">
                        <h3>Rent or Tenant <span> parking </span>Quickly ! </h3>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ornare porttitor diam<br/> a
                            accumsan justo laoreet suscipit. Maecenas at bibendum nunc</p>
                        <a href="#" title="" class="flat-btn">Joing us</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <footer class="light-footer">
        <section class="top-line">
            <div style="background: url(img/footer.jpg) repeat scroll 50% 422.28px transparent;"
                 class="parallax scrolly-invisible no-parallax whitish"></div><!-- PARALLAX BACKGROUND IMAGE -->
            <div class="container">
                <div class="row">

                    <div class="col-md-3 column">
                        <div class="about_widget widget">
                            <div class="heading1">
                                <h2><span>Useful</span> links</h2>
                            </div><!-- heading -->

                            <span><i class="fa fa-envelope"></i>yourcompany@gmail.com</span>
                            <span><i class="fa fa-phone"></i>0888 (29999996)</span>
                            <span><i class="fa fa-location-arrow"></i>1234 Tokyo shibuia , WI 54115</span>
                            <ul class="social-btns">
                                <li><a href="#" title=""><i class="fa fa-facebook"></i></a></li>
                                <li><a href="#" title=""><i class="fa fa-google-plus"></i></a></li>
                                <li><a href="#" title=""><i class="fa fa-linkedin"></i></a></li>
                                <li><a href="#" title=""><i class="fa fa-dribbble"></i></a></li>
                                <li><a href="#" title=""><i class="fa fa-twitter"></i></a></li>
                                <li><a href="#" title=""><i class="fa fa-tumblr"></i></a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="col-md-3 column">
                        <div class="links_widget widget">
                            <div class="heading1">
                                <h2><span>Useful</span> links</h2>
                            </div><!-- heading -->
                            <ul>
                                <li><a href="#" title=""><i class="fa fa-angle-right"></i> Home</a></li>
                                <li><a href="#" title=""><i class="fa fa-angle-right"></i> About us</a></li>
                                <li><a href="#" title=""><i class="fa fa-angle-right"></i> Services</a></li>
                                <li><a href="#" title=""><i class="fa fa-angle-right"></i> Services</a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="col-md-3 column">
                        <div class="links_widget widget">
                            <div class="heading1">
                                <h2><span>Useful</span> Places</h2>
                            </div><!-- heading -->
                            <ul>
                                <li><a href="#" title=""><i class="fa fa-angle-right"></i> Lorem ipsum </a></li>
                                <li><a href="#" title=""><i class="fa fa-angle-right"></i> Closest ipsum </a></li>
                                <li><a href="#" title=""><i class="fa fa-angle-right"></i> Lorem dolom </a></li>
                                <li><a href="#" title=""><i class="fa fa-angle-right"></i> Positioned ipl</a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="col-md-3 column">
                        <div class="subscribe_widget widget">
                            <div class="heading1">
                                <h2><span>Subscribe</span> Us</h2>
                            </div><!-- heading -->
                            <p>Positioning the closest positioned for abs positioning</p>
                            <form>
                                <label><input type="text" placeholder="TYPE YOUR EMAIL"/></label>
                                <button type="submit" class="flat-btn"><i class="ti ti-email"></i></button>
                            </form>
                        </div>
                    </div>

                </div>
            </div>
        </section>
        <div class="bottom-line">
            <div class="container">
                <span>Copyright &copy; 2020.Company name All rights reserved.<a target="_blank"
                                                                                href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></span>
                <ul>
                    <li><a title="" href="#">HOME</a></li>
                    <li><a title="" href="#">ABOUT</a></li>
                    <li><a title="" href="#">VEHICULS</a></li>
                    <li><a title="" href="#">BLOG</a></li>
                    <li><a title="" href="#">CONTACT</a></li>
                </ul>
            </div>
        </div>
        <a href="#" class="scrollToTop"><i class="ti ti-arrow-circle-up"></i></a>
    </footer>
    <!-- 选择充值金额 start-->
    <div id="changeMoneyDiv" style="display: none;">
        选择充值金额：(单位元)
        <select type="text" class="form-control" id="top_up_money">
            <option value="10">10</option>
            <option value="20">20</option>
            <option value="50">50</option>

            <option value="100">100</option>
            <option value="200">200</option>
            <option value="500">500</option>
            <option value="1000">1000</option>
            <option value="5000">5000</option>
            <option value="10000">10000</option>
        </select>
        <button type="button" @click="confirmtop_up_money">确认</button>
    </div>
    <!-- 选择充值金额 end-->

    <!-- 选择代金券 start -->
    <div id="couponDiv" style="display: none; text-align: center">
        <div v-for="coupon in coupons" class="col-lg-12" style="width: 180px;height: 50px;background-color: #00bf4f; margin-left: 125px">
            <input type="radio" name="myCoupon" @click="getCpId(coupon.ucid)"/><font color="black">满{{coupon.coupon.conditionMoney}}减{{coupon.coupon.money}}</font>
        </div>
        <div class="col-lg-12" style="margin-top: 15px">
            <button type="button" @click="conFirmCpid" class="btn btn-success" style="margin-right: 10px;">确认</button>
            <button type="button" @click="conCelCpid" class="btn btn-danger" style="margin-right: 10px;">取消</button>
        </div>
    </div>
    <!-- 选择代金券 end -->
    <!-- 进入小窗操作 start、-->
    <div id="getDiv" style="display: none; text-align: center">
        <div class="col-lg-6 col-lg-offset-3" v-for="order in getDivOrders" style="text-align: center;">
            <div class="vehiculs-thumb">

                <img src="img/demo/vehicul2.jpg" alt=""/>
                <span class="spn-status"><font
                        color="black">车位号{{order.parking.pnumber}}</font></span>
                <span class="spn-save"> <i class="ti ti-heart"></i> </span>
                <div class="user-preview">
                    <a class="col" href="agent.html">
                        <img alt="Camilė" class="avatar avatar-small" src="img/3.png"
                             title="Camilė">
                    </a>
                </div>
                <a class="proeprty-sh-more" href="vehicul.html"><i
                        class="fa fa-angle-double-right"> </i><i
                        class="fa fa-angle-double-right"> </i></a>
            </div>
            <h4><a href="javascript:void(0)" title="New York Villa">开始：{{order.starttime}}</a></h4>
            <h4><a href="javascript:void(0)" title="New York Villa">结束：{{order.endtime}}</a></h4>
            <span class="price">￥{{order.price}}&nbsp;&nbsp;&nbsp;
            <button type="button" @click="update(order.pid2)"
                    class="btn btn-xs btn-danger" style="margin-bottom: 5px">GET</button>

                                </span>
        </div>
    </div>
    <!-- 进入小窗操作 end-->

    <!-- 查看评论 start-->
    <div id="commentsDiv" style="display: none;">
        <table class="table table-hover">
            <thead >
            <th>序号</th>
            <th>评论内容</th>
            <th>评分</th>
            </thead>
            <tbody>
            <tr v-for="(comment , index) in comments">
                <td>{{index+1}}</td>
                <td>{{comment.content}}</td>
                <td>{{comment.score}}</td>
            </tr>
            </tbody>
            <tfoot>
            <tr>
            <th  colspan="3" style="text-align: center">
                <a href="javascript:void(0)"
                   v-bind:class="[commentsPageInfo.pageNum==page ? 'btn btn-primary' : 'btn btn-default']"
                   @click="lookComments(pid,page)" v-for="page in commentsPages">{{page}}</a>
            </th>
            </tr>
            </tfoot>
        </table>
        <button type="button" class="btn btn-block btn-danger" @click="closeCommentsDiv">关闭</button>
    </div>
    <!-- 查看评论 end-->
</div>
<div id="contentDiv" style="display: none;">
    12456
</div>
<div id="mapDiv" style="display: none;">
    <div id="container" style="width:800px;height:248px;margin-right: 50px; display: none;"></div>
    <div id="panel" style="width: 200px;height: 600px"></div>

    <script>
        var map = new BMap.Map('container');

        map.centerAndZoom(new BMap.Point(108.954654,34.323477), 50);
        var driving = new BMap.DrivingRoute(map, {
            renderOptions: {
                map: map,
                panel: 'panel',
                enableDragging: true
            }
        });
        driving.search(new BMap.Point(108.945421,34.381032), new BMap.Point(108.954654,34.323477));
    </script>
</div>

<!-- Script -->
<script type="text/javascript" src="js/modernizr.js"></script><!-- Modernizer -->
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script><!-- Jquery -->

<script type="text/javascript" src="js/bootstrap.min.js"></script><!-- Bootstrap -->
<script type="text/javascript" src="js/owl.carousel.min.js"></script><!-- Owl Carousal -->
<script type="text/javascript" src="js/html5lightbox.js"></script><!-- HTML -->
<script type="text/javascript" src="js/scrolly.js"></script><!-- Parallax -->
<script type="text/javascript" src="js/price-range.js"></script><!-- Parallax -->
<script type="text/javascript" src="js/script.js"></script><!-- Script -->

<script src="js/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
<script src="js/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.11/vue.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.19.2/axios.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/layer/3.1.1/layer.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

<script src="laydate/laydate.js"></script>
<script type="text/javascript">
    //执行一个laydate实例
    laydate.render({
        elem: '#startTime' //指定元素
        , type: 'datetime'
    });//选择日期控件

    //执行一个laydate实例
    laydate.render({
        elem: '#endTime' //指定元素
        , type: 'datetime'
    });//选择日期控件

    //获取url中的参数
    function getQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); // 匹配目标参数
        var result = window.location.search.substr(1).match(reg); // 对querystring匹配目标参数
        if (result != null) {
            return decodeURIComponent(result[2]);
        } else {
            return null;
        }
    }

    var othercode = "";

    othercode = getQueryString("othercode");

    let accountZz = /^[\u4E00-\u9FA5A-Za-z0-9_\s]{4,12}$/;
    let phoneZz = /^1(3|4|5|7|8)\d{9}$/;
    let pwdZz = /^[A-Za-z0-9]{6,12}$/;
    let app = new Vue({
            el: "#app",
            data: {
                account: "",//注册账户
                phone: "",//注册手机
                pwd: "",//注册密码
                repwd: "",//再次输入密码
                layerDiv: null,//服务条款内容
                roles: null,//注册面板展示可注册的角色
                loginPhone: null,//登录手机号
                loginPwd: null,//登录密码
                rember: null,//是否记住密码
                orders: null,//循环的订单
                confrim: false,//进行抢购前判断是否已经过确认
                top_up_moneyVal: null,//充值金额
                top_up_moneyDiv: null,//充值金额div
                couponDiv: null,//选择代金券div
                coupons: null,//可用代金券
                oid: "",//订单id
                pages: "",//分页页码
                pageInfo: null,//分页类
                ucid: "",//选择的卡券ucid
                getDiv: null,//进行抢购的弹层
                getDivOrders: "",//用来填充的getDiv的类
                commentsDiv: null,//车位评论弹窗
                comments: null,//弹窗内容的循环体
                commentsPages:"",//评论分页
                pid:"",//为评论弹层的页码函数注值
                commentsPageInfo:null,//弹层分页
            },

            mounted() {
                axios.defaults.baseURL = "http://localhost:8080";
                axios.defaults.withCredentials = true;
                this.loginPwd = $.cookie("password");
                this.loginPhone = $.cookie("phone");
                // console.log($.cookie())
                // console.log($.cookie("rember"))
                if ($.cookie("rember") == 'false') {
                    $("#yes").prop("checked", false);
                } else {
                    $("#yes").prop("checked", $.cookie("rember"));
                }

                this.list();
            },//mounted
            methods: {
                getMap(){
                    layer.open({
                        type: 1,
                        //closeBtn: 0,
                        maxmin:true,
                        skin: 'layui-layer-rim', //加上边框
                        area: ['760px', '630px'], //宽高
                        content: $("#mapDiv")
                    })
                },//从用户所在地前往小区

                like(pid){
                    axios.post("tenant2/like",{
                        "pid":pid
                    }).then(function(data){
                        if(data.data.result == true && data.data.hasLike == true){
                            layer.msg("点赞成功！！！", {time: 1000, icon: 6, shift: 6}, function () {
                                app.list();
                            });
                        }else if(data.data.result == true && data.data.hasLike == false){
                            layer.msg("取消成功！！！", {time: 1000, icon: 6, shift: 6}, function () {
                                app.list();
                            });
                        }else{
                            layer.msg("操作失败！！！", {time: 1000, icon: 6, shift: 6}, function () {
                                app.list();
                            });

                        }
                    })
                },
                closeCommentsDiv(){
                    layer.close(app.commentsDiv);
                    app.commentsDiv = null;
                },//关闭评论弹层
                lookComments(pid,pageNum) {
                    if(!pageNum){
                        pageNum = 1;
                    }
                    app.pid = pid;
                    axios.post("tenant2/lookComments",{
                        "pid":pid,
                        "pageNum":pageNum
                    }).then(function(data){

                        if(data.data.result){
                            app.comments = data.data.pageInfo.list;
                            app.commentsPages = data.data.pageInfo.pages;
                            app.commentsPageInfo = data.data.pageInfo;
                            if(app.commentsDiv == null){
                                app.commentsDiv = layer.open({
                                    type: 1,
                                    closeBtn: 0,
                                    maxmin:true,
                                    skin: 'layui-layer-rim', //加上边框
                                    area: ['760px', '630px'], //宽高
                                    content: $('#commentsDiv')
                                })
                                //app.commentsDiv = null
                           }


                        }else{
                            layer.msg("信息加载失败", {time: 1000, icon: 6, shift: 6}, function () {});
                        }

                    })
                },
                conFirmCpid() {
                    layer.close(app.couponDiv);
                    layer.msg("前往抢购", {time: 1000, icon: 6, shift: 6}, function () {
                        //app.confrim = !app.confrim;
                        app.getParking();
                    });
                },//在选择代金券弹层，点击确认按钮触发

                conCelCpid() {
                    let myCoupon = $("input[name='rid']:checked");
                    myCoupon.prop("checked", false);
                    app.ucid = "";
                    layer.close(app.couponDiv);
                    layer.msg("前往抢购", {time: 1000, icon: 6, shift: 6}, function () {
                        //app.confrim = !app.confrim;
                        app.getParking();
                    });
                },//在选择代金券弹层，点击取消按钮，取消选中，将ucid值还原为  ""

                getCpId(ucid) {
                    app.ucid = ucid;
                    console.log(app.ucid)
                },//获取当前用户所拥有的user_coupon的ucid

                confirmtop_up_money() {
                    app.top_up_moneyVal = $("#top_up_money").val();
                    layer.close(app.top_up_moneyDiv);
                    axios.post("/tenant2/top_up", {
                        "oid": app.oid,
                        "money": app.top_up_moneyVal,
                    }).then(function (data) {
                        // 添加之前先删除一下，如果单页面，页面不刷新，添加进去的内容会一直保留在页面中，二次调用form表单会出错
                        const divForm = document.getElementsByTagName('div')
                        if (divForm.length) {
                            document.body.removeChild(divForm[0])
                        }
                        const div = document.createElement('div')
                        div.innerHTML = data.data // data就是接口返回的form 表单字符串
                        document.body.appendChild(div)
                        document.forms[0].setAttribute('target', '_self') // 新开窗口跳转
                        document.forms[0].submit()
                    })//axios
                },//前往充值页面

                getParking() {
                    app.getDiv = layer.open({
                        type: 1,
                        skin: 'layui-layer-rim', //加上边框
                        area: ['760px', '630px'], //宽高
                        content: $('#getDiv')
                    })
                },//打开，抢购弹层

                confirmInfo(order) {
                    let temp = [order];
                    app.getDivOrders = temp;//为抢购弹层中需要循环的order赋值
                    app.oid = order.pid2;
                    axios.post("/tenant2/confirmInfo", {
                        "oid": app.oid
                    }).then(function (data) {

                        if (data.data.bogo == 200) {
                            layer.confirm("余额充足", {icon: 3, title: '提示'}, function (cindex) {
                                layer.close(cindex);
                                if (data.data.has == 500) {
                                    layer.msg("前往抢购", {time: 1000, icon: 6, shift: 6}, function () {
                                        //app.confrim = !app.confrim;
                                        app.getParking();
                                    });
                                } else if (data.data.has == 600) {
                                    layer.confirm("可以使用代金卷是否使用？", {icon: 3, title: '提示'}, function (cindex) {

                                        app.coupons = data.data.coupons

                                        app.couponDiv = layer.open({
                                            type: 1,
                                            skin: 'layui-layer-rim', //加上边框
                                            area: ['420px', '240px'], //宽高
                                            content: $('#couponDiv')
                                        });
                                        layer.close(cindex);
                                    }, function (cindex) {
                                        layer.msg("前往抢购", {time: 1000, icon: 6, shift: 6}, function () {
                                            //app.confrim = !app.confrim;
                                            app.getParking();
                                        });
                                    });
                                }
                            });
                        } else if (data.data.bogo == 100) {
                            layer.confirm("余额不足前往充值？", {icon: 3, title: '提示'}, function (cindex) {

                                    app.top_up_moneyDiv = layer.open({
                                        type: 1,
                                        skin: 'layui-layer-rim', //加上边框
                                        area: ['420px', '240px'], //宽高
                                        content: $('#changeMoneyDiv')
                                    });
                                    layer.close(cindex);
                                }
                            );
                        } else if (data.data.bogo == 400) {
                            layer.msg("确认信息失败", {time: 1000, icon: 5, shift: 6}, function () {
                                location.reload();
                            });
                        }
                    })//axios
                },//在进行抢购前确认账户内的余额，是否拥有满足使用条件的卡券


                update(rid) {
                    layer.confirm("抢购成功后，将直接支付。确认进行抢购？", {icon: 3, title: '提示'}, function (cindex) {
                        axios.post("/tenant2/updateGetParking", {
                            "rid": rid,
                            "ucid": app.ucid,
                        }).then(function (data) {
                            if (data.data.bogo == 200) {
                                layer.msg("支付成功，车位已抢到！！！", {time: 1000, icon: 6, shift: 6}, function () {
                                    location.reload();
                                });
                            } else if (data.data.bogo == 210) {
                                layer.msg("车位已出租，抢购失败！！！", {time: 1000, icon: 5, shift: 6}, function () {
                                    location.reload();
                                });
                            } else if (data.data.bogo == 220) {
                                layer.msg("抢购失败！！！", {time: 1000, icon: 5, shift: 6}, function () {
                                    location.reload();
                                });
                            } else if (data.data.bogo == 100) {
                                layer.msg("账户金额不足！！！", {time: 1000, icon: 5, shift: 6}, function () {
                                    location.reload();
                                });
                            } else if (data.data.bogo == 300) {
                                layer.msg("抢购失败！！！", {time: 1000, icon: 5, shift: 6}, function () {
                                    location.reload();
                                });
                            } else if (data.data.bogo == 600) {
                                layer.msg("不能使用抵扣金额超过租金的代金券！！！", {time: 1000, icon: 5, shift: 6}, function () {
                                    location.reload();
                                });
                            }
                        })//axios
                    })//layer
                },//抢车位，并完成支付


                list(pageNum) {
                    if (!pageNum) {
                        pageNum = 1;
                    }

                    axios.post("/tenant2/list", {
                        startTime: $("#startTime").val(),
                        endTime: $("#endTime").val(),
                        minPrice: $("#minPrice").val(),
                        maxPrice: $("#maxPrice").val(),
                        "pageNum": pageNum
                    }).then(function (data) {
                        console.log(data.data.pageInfo.list)
                        app.orders = data.data.pageInfo.list;
                        app.pages = data.data.pageInfo.pages;
                        app.pageInfo = data.data.pageInfo;
                    })
                },//list,展示所有的出租信息，展示所有的出租信息


                login() {

                    if (!phoneZz.test(this.loginPhone)) {
                        layer.msg("手机号错误！！！", {time: 1000, icon: 5, shift: 6}, function () {
                        });
                        return;
                    }
                    if (!pwdZz.test(this.loginPwd)) {
                        layer.msg('密码错误！！！', {time: 1000, icon: 5, shift: 6}, function () {
                        });
                        return;
                    }
                    axios.post("/auth2/login2", {
                        phone: this.loginPhone,
                        password: this.loginPwd,
                        rember: $("#yes").prop("checked"),

                    }).then(function (data) {
                        //console.log(data)
                        if (data.data.result) {
                            layer.msg('登录成功', {time: 1000, icon: 6, shift: 6}, function () {
                                if(data.data.rname=="出租户"){
                                    //console.log(data)
                                    location.href="rent/submit.html"
                                }else if(data.data.rname=="抢租客"){
                                    //console.log(data)
                                    $("#personInfo").css("display","block");
                                    location.reload();
                                }
                            });

                        } else {
                            layer.msg('登录失败', {time: 1000, icon: 5, shift: 6}, function () {
                            });
                        }
                    })//axios
                },//登录页面


                initSign() {
                    axios.post("/sign2/initAddUser2").then(function (data) {
                        app.roles = data.data.roles;
                    })//axios
                },//initSign，初始化注册页面，填充需要注册的角色

                sign() {
                    let rid = $("input[name='rid']:checked").val();

                    //初始化注册页面
                    let flag = $("#confirm").prop("checked");

                    if (flag) {
                        if (this.verifyAccount() && this.verifyPhone() && this.verifyPwd() && this.verifyRepwd()) {
                            let self = this;
                            axios.post("/sign2/addUser2", {
                                acount: self.account,
                                phone: self.phone,
                                pwd: self.pwd,
                                rid: rid,
                                "othercode":othercode
                            }).then(function (data) {
                                if (flag) {
                                    flag = true;
                                }
                                if (data.data.result == 200) {
                                    layer.msg('注册成功前往登录', {time: 1000, icon: 6, shift: 6}, function () {
                                        location.reload();
                                    });

                                } else if (data.data.result == 210) {
                                    layer.msg("注册手机号已存在", {time: 1000, icon: 5, shift: 6}, function () {
                                    });
                                } else if (data.data.result == 220) {
                                    layer.msg("账号格式错误，由数字、汉字、字母组成，区分大小写，长度4~8位", {
                                        time: 1000,
                                        icon: 5,
                                        shift: 6
                                    }, function () {
                                    });
                                } else if (data.data.result == 230) {
                                    layer.msg("手机号格式错误", {time: 1000, icon: 5, shift: 6}, function () {
                                    });
                                } else if (data.data.result == 240) {
                                    layer.msg("密码格式错误，大小写字母，6~12位", {time: 1000, icon: 5, shift: 6}, function () {
                                    });
                                } else if (data.data.result == 250) {
                                    layer.msg("添加失败", {time: 1000, icon: 5, shift: 6}, function () {
                                    });
                                }


                            });//axios
                        } else {
                            layer.msg("注册信息错误", {time: 1000, icon: 5, shift: 6}, function () {
                            });
                        }
                    } else {
                        layer.msg("请阅读并选中同意条款", {time: 1000, icon: 5, shift: 6}, function () {
                        });
                    }

                },//sign，进行注册


                verifyAccount() {
                    if (!accountZz.test(this.account)) {
                        $("#accountMsg").attr("color", "red");
                        $("#accountMsg").text("账号格式错误，由数字、汉字、字母组成，区分大小写，长度4~8位");
                        return false;
                    } else {
                        $("#accountMsg").attr("color", "green");
                        $("#accountMsg").text("账号格式正确");
                        return true;
                    }
                }
                ,//校验账户名
                verifyPhone() {
                    if (!phoneZz.test(this.phone)) {
                        $("#phoneMsg").attr("color", "red");
                        $("#phoneMsg").text("手机号格式错误");
                        return false;
                    } else {
                        $("#phoneMsg").attr("color", "green");
                        $("#phoneMsg").text("手机号格式正确");
                        return true;
                    }
                }
                ,//校验手机号
                verifyPwd() {
                    if (!pwdZz.test(this.pwd)) {
                        $("#pwdMsg").attr("color", "red");
                        $("#pwdMsg").text("密码格式错误，大小写字母，6~12位");
                        return false;
                    } else {
                        $("#pwdMsg").attr("color", "green");
                        $("#pwdMsg").text("密码格式正确");
                        return true;
                    }
                }
                ,//校验密码
                verifyRepwd() {
                    if (!this.pwd == this.repwd) {
                        $("#repwdMsg").attr("color", "red");
                        $("#repwdMsg").text("与第一次输入密码不一致");
                        return false;
                    } else {
                        $("#repwdMsg").attr("color", "green");
                        $("#repwdMsg").text("密码一致");
                        return true;
                    }
                }
                ,//校验二次输入密码
                content() {
                    // this.layerDiv =
                    layer.open({
                        type: 1,
                        skin: 'layui-layer-rim', //加上边框
                        area: ['420px', '240px'], //宽高
                        content: $('#contentDiv')
                    });
                }
                ,//查看条款内容
                cancel() {
                    $("#yes").prop("checked", false);
                    $.cookie('phone', "", {'path': '/'});
                    $.cookie('password', "", {'path': '/'});
                    $.cookie("rember", false, {'path': '/'})
                    location.reload();
                }
                ,//取消记住登录状态
            },//methods
        })
    ;//app

    $(document).ready(function () {
        "use strict";
        jQuery('.tp-banner').show().revolution({
            dottedOverlay: "none",
            delay: 16000,
            startwidth: 1170,
            startheight: 700,
            hideThumbs: 200,
            thumbWidth: 100,
            thumbHeight: 50,
            thumbAmount: 5,
            navigationType: "bullet",
            navigationArrows: "solo",
            navigationStyle: "preview1",
            touchenabled: "on",
            onHoverStop: "on",
            swipe_velocity: 0.7,
            swipe_min_touches: 1,
            swipe_max_touches: 1,
            drag_block_vertical: false,
            parallax: "mouse",
            parallaxBgFreeze: "on",
            parallaxLevels: [7, 4, 3, 2, 5, 4, 3, 2, 1, 0],
            keyboardNavigation: "off",
            navigationHAlign: "center",
            navigationVAlign: "bottom",
            navigationHOffset: 0,
            navigationVOffset: 20,
            soloArrowLeftHalign: "left",
            soloArrowLeftValign: "center",
            soloArrowLeftHOffset: 20,
            soloArrowLeftVOffset: 0,
            soloArrowRightHalign: "right",
            soloArrowRightValign: "center",
            soloArrowRightHOffset: 20,
            soloArrowRightVOffset: 0,
            shadow: 0,
            fullWidth: "on",
            fullScreen: "off",
            spinner: "spinner4",
            stopLoop: "off",
            stopAfterLoops: -1,
            stopAtSlide: -1,
            shuffle: "off",
            autoHeight: "off",
            forceFullWidth: "off",
            hideThumbsOnMobile: "off",
            hideNavDelayOnMobile: 1500,
            hideBulletsOnMobile: "off",
            hideArrowsOnMobile: "off",
            hideThumbsUnderResolution: 0,
            hideSliderAtLimit: 0,
            hideCaptionAtLimit: 0,
            hideAllCaptionAtLilmit: 0,
            startWithSlide: 0,
            //videoJsPath: "rs-plugin/videojs/",
            fullScreenOffsetContainer: ""
        });

        $(".carousel-prop").owlCarousel({
            autoplay: true,
            autoplayTimeout: 3000,
            smartSpeed: 2000,
            loop: true,
            dots: true,
            nav: false,
            items: 4,
            responsiveClass: true,
            responsive: {
                0: {
                    items: 1,
                    nav: false
                },
                600: {
                    items: 2,
                    nav: false
                },
                1000: {
                    items: 3,
                    nav: true,
                    loop: false
                }
            }
        });

        $(".carousel").owlCarousel({
            autoplay: true,
            autoplayTimeout: 3000,
            smartSpeed: 2000,
            loop: false,
            dots: false,
            nav: true,
            margin: 0,
            items: 3
        });

        $(".carousel-client").owlCarousel({
            autoplay: true,
            autoplayTimeout: 3000,
            smartSpeed: 2000,
            loop: false,
            dots: false,
            nav: true,
            margin: 30,
            items: 5,
            responsiveClass: true,
            responsive: {
                0: {
                    items: 1,
                    nav: true
                },
                600: {
                    items: 3,
                    nav: true
                },
                1000: {
                    items: 5,
                    nav: true,
                    loop: false
                }
            }
        });

    });
</script>
</body>
</html>